<%-- 
    Document   : ViewProduct
    Created on : Mar 28, 2011, 10:59:21 PM
    Author     : MaramZahran
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>${param.ProductName}</title>
        <script>
PositionX = 100;
PositionY = 100;


defaultWidth  = 500;
defaultHeight = 500;
var AutoClose = true;

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(300,300);');
writeln('width=300-(document.body.clientWidth-document.images[0].width);');
writeln('height=300-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}

</script>
<script type="text/javascript" src="js/boxOver.js"></script>

    </head>
    <body>
        <div id="main_container">
        <jsp:include page="Banner.html" />
        <jsp:include page="menuTab.jsp" />
          <jsp:include page="/AllCategory" />
        <div class="center_content">

   	<div class="center_title_bar">${param.ProductName}</div>

    	<div class="prod_box_big">
        	<div class="top_prod_box_big"></div>
            <div class="center_prod_box_big">

                 <div class="product_img_big">
                     
                         <img src="productImages/${param.ProductImage}" alt="" width="100px" title="" border="0" />
                 
                 </div>
                     <div class="details_big_box">
                         <div class="product_title_big">${param.ProductName}</div>
                         <div class="specifications">
                            Quantity <span class="blue">${param.ProductAmount}</span><br />
                            Notes <span class="blue">${param.ProductNote}</span>

                            
                         </div>
                         <div class="prod_price_big"><span class="price">${param.ProductPrice}$</span>
                             <br/>

                         <a href='AddToCart?ProductID=${param.ProductID}' class="addtocart">add to cart</a>
                         
                     </div>
            </div>
            <div class="bottom_prod_box_big"></div>
        </div>
            <div class="bottom_prod_box_big"></div>
        </div>

   </div>
                          <jsp:include page="Cart.jsp" />
        <jsp:include page="Footer.html" />
        </div>
        
    </body>
</html>
